$(function () {
    // 点击去注册/去登录切换窗口
    $('#link_reg').on('click', function () {
        $('.reg-box').show();
        $('.login-box').hide();
    });
    $('#link_login').on('click', function () {
        $('.login-box').show();
        $('.reg-box').hide();
    });
    
    // 设置表单验证用户输入的内容
    layui.form.verify({
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        // 校验注册两次输入的密码是否一致
        rePwd: function (value) {
            let val = $('#form-reg [name=password]').val();
            if (val !== value) {
                return '两次输入密码不一致!!!'
            }
        }
    });

    // 监听注册表单提交事件
    $('#form-reg').on('submit', function (e) {
        console.log(11111);
        // 阻止默认提交事件
        e.preventDefault();
        // 获取输入数据
        var name = $('#form-reg [name=username]').val();
        var pwd = $('#form-reg [name=password]').val();
        // 发起ajax请求
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data: {
                username: name,
                password: pwd
            },
            success: (res) => {
                // console.log(res);
                // 判断是否注册成功，并对用户进行提示
                if (res.status !== 0) {
                    return layui.layer.msg('用户注册失败！' + res.message);
                }
                layui.layer.msg('用户注册成功！')
                // 返回登录页面，进行登录
                location.href = './login.html';
            }
        });
    });

    // 监听登录表单提交事件
    $('#form-login').on('submit', function (e) {
        // 阻止默认提交事件
        e.preventDefault();
        // 获取用户在输入框中填入的数据
        
        // 发起网络请求
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize() ,
            success: res => {
                // console.log(res);
                // 提示用户登录失败/成功
                if (res.status !== 0) {
                    return layui.layer.msg('登录失败！')
                }
                layui.layer.msg('登录成功！');
                // 保存登录成功后，浏览器返回的token值
                localStorage.setItem('token', res.token);
                // 跳转首页
                location.href = './index.html';
            }
        })
    })

})